<template>
    <div>
  <h5>父组件</h5>
  <div class="box">
    <global-com></global-com>
    <global-com></global-com>
    <GlobalCom />
    <!-- //引用局部组件 -->
    <local-com></local-com>
     <local-com></local-com>
  </div>
  </div>
</template>

<script setup>
import LocalCom from './LocalCom.vue';
</script>

<style>
.bax{
    display: flex;
}
h5{
  background-color: orange;
}
:deep(.title){
  border: 3px dotted skyblue;
}
</style>